<template>
	<view class="common-title">
		<view class="name">
			<slot name="name"></slot>
		</view>
		<view class="custom">
			<slot name="custom"></slot>
		</view>
	</view>
</template>

<script setup>

</script>

<style lang="scss" scoped>
	.common-title {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 30rpx;

		.name {
			font-size: 40rpx;
			font-weight: bold;
			position: relative;
		}
	}

	.name::before {
		content: "";
		position: absolute;
		left: -14rpx; 
		top: 10rpx;
		bottom: 10rpx;
		width: 8rpx;
		border-radius: 10rpx;
		background-color: #2F80ED;
	}
</style>